<template>
  <div class="class_wrap">
    <div class="item_wrap">
      <ul>
        <item v-for=" (item ,index) in data" :data="item" @selectItem="selectItem" :key="item.id">
        </item>
      </ul>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import item from 'components/item'

  export default {
    props: ['data'],
    data() {
      return {}

    },
    created() {
    },
    mounted() {
    },
    computed: {},
    methods: {
      selectItem(id){
        this.$emit('selectItem', id)
      }
    },
    components: {
      item
    }
  }
</script>

<style scoped lang="scss">
  @import "../assets/sass/mixin";
  .class_wrap {
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 8px;
    .item_wrap {
      width: 100%;
      margin: 0 auto;
      > ul {
        width: 100%;
      }
    }
  }
</style>
